
.index_pagebar_section{ width: 100%; position: absolute; top: 25%; left: 0;}
.index_pagebar_section .bar_detail{ color: #FFF; font-size: 18px; margin-bottom: 30px; height: 195px}
.index_pagebar_section .bar_detail p{ line-height: 40px}
.index_pagebar_section .bar_detail h3{ font-weight: bold; color: rgb(255, 255, 255);line-height: 200%;font-size: 51px; }
.index_pagebar_section .bar_detail h4{color: rgb(255, 255, 255);font-size: 22px; margin-bottom: 20px}
.index_pagebar_section .bar_detail h5{color: rgb(255, 255, 255); font-size: 18px;}

.make_app_button{ border: 1px solid #FFF;  color: rgb(255,255,255);    font-weight: bold; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s;    -o-transition: color 0.4s ease 0s;    transition: color 0.4s ease 0s; white-space: nowrap;}
.make_app_button{  padding: 18px 55px 18px 55px; border-radius: 40px 40px 40px  40px; }
.make_app_button:hover{ border:1px solid #18b9e7; background: #18b9e7; color: #FFF  }


.layui-container{ width: 1200px;}
.our_service{width: 100%; margin-top: 20px;}
.our_service .hd{width: 100%;}
.our_service .hd .tit {width: 165px;margin: 0 auto; padding: 15px;  border: 1px solid #666666; text-align: center;}
.our_service .hd .tit .txt{font-family: 微软雅黑;    font-size: 23px; line-height: 32.2000007629395px; color: #5a5a5a; font-weight: bold;}
.our_service .hd .hd_desc{ margin-top: 10px; text-align: center; font-family: 微软雅黑; font-size: 19px; color: rgb(217, 217, 217);}

.our_service  dl.item{ float: left; width: 20%; height: 230px;}
.our_service  dl.item dd{ }
.our_service  dl.item dd .in_item_w{background: url('../images/item_b1.png') no-repeat 0px 0px;  width:228px; height: 248px;}
.our_service  dl.item dd .in_main{ padding: 15px;}
.our_service  dl.item dd .in_main .dt{ width: 100%; margin-top: 30px;}
.our_service  dl.item dd .in_main .dt img{ width: 100px; height: 100px; }
.our_service  dl.item dd .in_main h3{ text-align: center; font-weight: bold; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 19px; color: #666; }
.our_service  dl.item dd .in_main .desc{ text-align: center; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;color: rgb(204, 204, 204); font-size: 12px;}

.advantages{ width: 100%;background-color: rgb(67, 67, 67); height: 395px;}
.advantages .l_main{ margin-top: 93px;}
.advantages .l_main h3{font-weight: bold; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 23px; line-height: 32.2000007629395px; color: #FFF;}
.advantages .l_main .desc{ font-size: 19px;line-height: 35px; color: #FFF;}
.advantages .l_main .line{ margin-top: 10px;}
.advantages .l_main .second_desc{ color: #FFF;font-size: 18px;margin-top: 90px;}

.advantages .r_main{ margin-top: 93px;}
.advantages .r_main ul.adv_item{ } 
.advantages .r_main ul.adv_item li{ float: left; width: 360px; height: 130px; overflow: hidden; margin-left: 30px; margin-bottom: 20px;} 
.advantages .r_main ul.adv_item li .ico_img{ background: url('../images/adv_no_1.png') no-repeat; float: left;  width: 70px; height: 100px; overflow: hidden;}
.advantages .r_main ul.adv_item li .ico_img em{font-family: 'Arial Black'; display: block; padding: 12px;  font-style: normal; color: #FFF; font-size: 20px; font-weight: bold;}
.advantages .r_main ul.adv_item li .r_text{ float: right;  width: 270px; height: 100px; overflow: hidden;}
.advantages .r_main ul.adv_item li .r_text h2{font-size: 18px;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.advantages .r_main ul.adv_item li .r_text h2{ font-weight: bold; color: #FFF; margin-bottom: 10px;}
.advantages .r_main ul.adv_item li .r_text .txt{ font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;color: rgb(183, 178, 172); }
.advantages .r_main ul.adv_item li .r_text .txt{ line-height:24px;}

.business_item{}
.business_item .hd{width: 100%; margin-bottom: 30px;}
.business_item .hd .tit {width: 165px;margin: 0 auto; padding: 15px;  border: 1px solid #666666; text-align: center;}
.business_item .hd .tit .txt{font-family: 微软雅黑;    font-size: 23px; line-height: 32.2000007629395px; color: #5a5a5a; font-weight: bold;}
.business_item .hd .hd_desc{ margin-top: 10px; text-align: center; font-family: 微软雅黑; font-size: 19px; color: rgb(217, 217, 217);}

.business_item_list li { margin-bottom: 20px;}
.business_item_list li .pro_item .img img{ width: 280px; height: 224px; overflow: hidden;;}
.business_item_list li .pro_item .title{ margin-top: 3px; line-height: 22px;font-size: 14px;    color: #5a5a5a;}
.business_item_list li .pro_item .sbtitle{ font-size: 12px; color: #969696;}

.company_img{ position: relative; float: left; width:496px; height: 370px;overflow: hidden}
 .company_img .frame{ position: absolute; top: 80px; left: 0; width:496px; height: 370px; z-index: 500;}
 .company_img .frame .frame_line{  border: 1px solid #EEE; width: 343px; height: 200px; margin: 0 auto; }
 .company_img .frame .frame_line  .hd{ margin-top:80px; text-align: center; color: #FFF}
 .company_img .frame .frame_line  .hd h2{ line-height: 24px;}
 .company_img .frame .frame_line  .hd p{ line-height: 24px;}

 .company_profile{ float: left; width:693px; height: 370px; overflow: hidden}
 .in_profile_main{ margin-top:80px; background: #18b9e7; height: 323px;}
 .in_profile_main .txt{ padding: 50px 50px 50px 50px; color: #FFF}
 .in_profile_main .txt p{line-height:28px;}
 .btn_area{  margin-left: 57px;}
.button_btndefault-label{ border: 1px solid #FFF;  color: rgb(255,255,255);    font-weight: bold; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s;    -o-transition: color 0.4s ease 0s;    transition: color 0.4s ease 0s; white-space: nowrap;}
 .button_btndefault-label{  padding: 10px 35px 10px 35px; border-radius: 40px 40px 40px  40px; }
 .button_btndefault-label:hover{ border:1px solid #f6c328; background: #f6c328; color: #FFF  }

 .full_column{ width: 100%; background-color: rgb(96, 96, 96); height: 150px}
 .full_column .item_li{ color: #FFF; text-align: center; width: 135px; height: 135px; margin: 0 auto;}
 .full_column .item_li_11{width: 150px; margin: 20px auto;}
 .full_column .item_li .ico{ line-height: 30px; margin-bottom: 10px;}
 .full_column .item_li .second_par{font-family: 'Arial Black'; line-height: 25px;}
 .full_column .item_li .second_par em{ font-style: normal; font-size: 34px; font-weight: bold}
 .full_column .item_li .thress_par{ font-size: 15px; line-height: 25px;}
 .full_column .item_li_4{text-align: center}

.service_flow{ width: 100%}
 .service_flow .hd{width: 100%; margin-bottom: 30px;}
 .service_flow .hd .tit {width: 165px;margin: 0 auto; padding: 15px;  border: 1px solid #666666; text-align: center;}
 .service_flow .hd .tit .txt{font-family: 微软雅黑;    font-size: 23px; line-height: 32.2000007629395px; color: #5a5a5a; font-weight: bold;}
 .service_flow .hd .hd_desc{ margin-top: 10px; text-align: center; font-family: 微软雅黑; font-size: 19px; color: rgb(217, 217, 217);}

 .service_flow_item{ width: 100%}
 .service_flow_item ul li{ position: relative; float: left; width:250px; height: 250px;}
 .service_flow_item ul li div.bg{width:250px; height: 250px; background: #EEE;}
 .service_flow_item ul li div.bg2{ background: #18b9e7;}

 .service_flow_item ul li div.bg  .no{  border-radius: 40px 40px 40px 40px; position: absolute; top:-25px; left: 81px; background: #666 }
 .service_flow_item ul li div.bg  .no{ padding: 20px;}
 .service_flow_item ul li div.bg  .no2{  background: #f6c328 }

 .service_flow_item ul li div.bg  .no em{font-family: 'Arial Black'; font-size: 27px; line-height: 37.7999992370606px; color: rgb(255, 255, 255); color: #FFF; font-style: normal}
 .service_flow_item ul li div.bg  .content{position: absolute; top:110px; width: 100%; text-align: center }
 .service_flow_item ul li div.bg  .content{ font-size: 17px; line-height: 24px;}
 .service_flow_item ul li div.bg  .content p{line-height:26px;}
 .service_flow_item ul li div.bg  .content em{ font-style: normal; color:red; }
 .service_flow_item ul li div.bg2 .content p{ color: #FFF}
 .service_flow_item ul li.line{ width: 60px; height: 250px; line-height: 250px; text-align: center}

.news_information{ width: 100%; background: url("../images/1_zfjq.jpg") no-repeat; min-height: 575px;}
 .news_information .hd{width: 100%; margin-top: 30px; margin-bottom: 30px;}
 .news_information .hd .tit {width: 165px;margin: 0 auto; padding: 15px;  border: 1px solid #FFF; text-align: center;}
 .news_information .hd .tit .txt{font-family: 微软雅黑;    font-size: 23px; line-height: 32.2000007629395px; color: #FFF; font-weight: bold;}
 .news_information .hd .hd_desc{ margin-top: 10px; text-align: center; font-family: 微软雅黑; font-size: 19px; color: rgb(217, 217, 217);}
 .news_information .container .news_main{ background: #FFF; width: 1200px; height: 395px;}
 .news_information .news_list{ padding: 50px 40px 0px 40px}
 .news_information .news_list li{ margin-bottom: 2px;}
 .news_information .news_list li .title{ position: relative; margin-left: 22px;margin-right: 22px; line-height: 46px; border-bottom: 1px dashed #c6c6c6}
 .news_information .news_list li .title em{ position: absolute; top: 5px; right: 5px; font-style:normal}
 .news_information .news_list li .title em{color: #acacac;}
 .news_information .news_list li .title a{color: #5a5a5a;}


 .tool_contact{ width: 100%;  height: 98px;  background-color: rgb(17, 170, 214);  left: -351.5px;  width: 1903px;}
 .tool_contact .container{ position: relative;}
 .tool_contact .container .left_txt{ line-height: 98px; font-size: 20px; color: #FFF}
 .tool_contact .container .right_txt{ text-align: right }
 .tool_contact .container .right_txt .button_btndefault-label{ font-size: 14px;}